<template>
  <div class="introduce">
    <header-nav></header-nav>
    <main class="main-container">
      <div class="banner">
        <img src="../../static/images/banner.jpg" alt="banner">
      </div>
      <div class="introduce-container">
        <h1>公司介绍</h1>
        <p>
          李鸿章（1823年2月15日-1901年11月7日），本名章铜，字渐甫，一字子黻，号少荃，晚号仪叟，别号省心，安徽合肥人。晚清名臣，洋务运动的主要领导人之一，世称“李中堂”。
          作为晚清重臣，李鸿章是淮军和北洋水师的创始人和统帅、洋务运动领袖之一，建立了中国第一支西式海军——北洋水师，官至东宫三师、文华殿大学士、北洋通商大臣、直隶总督，爵位一等肃毅伯。一生参与了一系列重大历史事件：包括镇压太平天国运动、镇压捻军起义、洋务运动、甲午战争等，代表清政府签订了《越南条约》《马关条约》《中法简明条约》《辛丑条约》等一系列不平等条约。
          日本首相伊藤博文视为“大清帝国中唯一有能耐可和世界列强一争长短之人”，德国海军大臣柯纳德称为“东方俾斯麦”，慈禧太后视为“再造玄黄之人”，与曾国藩、张之洞、左宗棠并称为“中兴四大名臣”。死后追赠太傅，晋封一等肃毅侯，谥号文忠，著作收于《李文忠公全集》。
        </p>
        <h1>地址
          <span>浙江省杭州市滨江区西兴路1819号中威大厦15楼</span>
        </h1>
        <h1>电话
          <span>13002312345</span>
        </h1>
      </div>
    </main>
  </div>
</template>
<script>
import headerNav from "@/components/header-nav";
export default {
  name: "Introduce",
  components: {
    "header-nav": headerNav
  },
  mounted(){
      this.$store.commit("changeIndex", 2);
  }
};
</script>
<style lang="scss" scoped>
@import "../assets/css/base.scss";
.banner {
  height: 285px;
  img {
    width: 100%;
  }
}

.introduce-container {
  padding: 30px;
  box-sizing: border-box;
  h1 {
    margin-bottom: 20px;
    font-size: 20px;
    span {
      color: #666;
      font-weight: normal;
      font-size: 20px;
    }
  }
  p {
    color: #666;
    margin-bottom: 20px;
    line-height: 40px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .banner {
    height: ptr(285px);
  }
  .introduce-container {
    h1 {
      font-weight: normal;
      font-size: ptr(16px);
      margin-bottom: ptr(10px);
      span {
        font-size: ptr(16px);
      }
    }
    p {
      margin-bottom: ptr(10px);
      font-size: ptr(16px);
      line-height: ptr(30px);
    }
  }
}
</style>
